@charset "utf-8";
/* CSS Document */
.top_h{ height: 90px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban h3{ position: absolute; width:100%; text-align:center; padding:0 10%; font-family:alim; font-size:45px; color:#fff;left:0; top:50%; padding-bottom:30px; transform:translateY(-50%);}
.sy-ban h3:after{background:#fff; height: 2px; width: 60px; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; position:absolute;}
.mainh{height: 70px;}

.swiper-button-prev:after,.swiper-button-next:after{ display: none;}

.sy_company .imgfdd{ width: 46%;}
.sy_company .txt{ width: 48%;}
.sy_company .txt h2{ font-size: 40px; font-family: alim; color: #0066a6; position: relative; padding-bottom: 25px; margin-bottom: 40px;}
.sy_company .txt h2:after,.sy_company .txt h2:before{ background:#0066a6; width: 50px; height: 2px; position: absolute; left: 0; bottom: 0; content: '';}
.sy_company .txt h2:after{ width:25px; background: #f8b300;}
.sy_company .txt p{ font-size: 18px; line-height: 36px;}
a.more{ display: inline-block; width: 178px; line-height: 44px; border: 1px solid #0066a6; text-align: center; margin-top:60px; color:#0066a6; transition:.3s ease;}
a.more:hover{ background:#0066a6; color:#fff;}

.swiperbox{ padding: 0 55px; position:relative; margin-top:55px;}
.workswiper{ overflow: hidden;}
.swiperbox .swiperbtn{ background: #cccccc; width: 30px; line-height: 44px; text-align: center; color: #fff; font-size:24px; top:50%; transition:.3s ease;}
.swiperbox .swiper-button-prev{ left: 0;}
.swiperbox .swiper-button-next{ right: 0;}
.swiperbox .swiperbtn:hover{ background:#0066a6;}
.news_list li{ background: #fff; margin-bottom:30px;}
.news_list li .pic{ width: 300px;}
.news_list li .pic .imgfd{ padding-top: 66.66%;}
.news_list li .txt{ width: calc(100% - 300px); margin-left: auto; padding:0 40px 0 45px;}
.news_list li .txt .box{ width: calc(100% - 130px);}
.news_list li .txt .date{ background: #0066a6; color: #fff; width: 90px; text-align: center; font-family: dinm; font-size:14px; padding:16px 0;}
.news_list li .txt .box h2{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.news_list li .txt .box p{ height: 60px; color: #666; margin-bottom: 20px; overflow: hidden;}
.news_list li .txt .box span{ color: #0066a6;}
.news_list li .txt .date b{ font-size: 28px; line-height: 28px;}
.news_list li:hover h2{ color:#0066a6;}
.sy_news .btn_box{ text-align: center;}
.sy_news .tit{ font-size: 40px; text-align: center; margin-bottom: 40px; font-family: alim; color: #0066a6;}



.index_foot{background: #0066a6; color: #fff;}
.foottit{ font-size: 18px; color: #fff; padding-bottom: 20px; position: relative; margin-bottom:28px;}
.foottit:after{ position:absolute; left: 0; bottom: 0; height: 1px; width: 30px; background: #f8b300; content: '';}
.foot_main .center{ align-items: flex-start;}
.foot_main .f_left,.foot_main .f_qr,.foot_main .f_nav{width: 33.3%; padding-top: 50px;}
.foot_main .f_left{ padding-right: 90px;}
.foot_main .f_qr{border-left: 1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); padding: 50px 25px 0;}
.foot_main .f_left span{ font-size: 18px; display: block; margin-right:10px;}
.foot_main .f_left .box{margin-bottom: 20px;}
.foot_main .f_left .box a{ color: #fff; font-size: 14px;}
.foot_main .f_left .box p{ font-size: 14px;width:calc(100% - 35px); line-height:20px;}
.foot_main .f_qr .qr{ display: inline-block;}
.foot_main .f_qr .qr p{margin-bottom: 15px; font-size:14px;}
.foot_main .f_qr .qr img{ width: 140px;}
.foot_main .f_qr .qr_box{margin-bottom: 40px;}
.foot_main .f_qr .follow a{display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;  border: 1px solid #fff; font-size: 24px; text-align: center; opacity: .7; margin: 0 13px; color:#fff;}
.foot_main .f_qr .follow a:hover{ opacity: 1;}
.foot_main .f_nav{padding-left: 25px;}
.foot_main .f_nav input,.foot_main .f_nav textarea{ line-height: 40px; font-size:14px;}
.foot_main .f_nav .formbox{ margin-bottom: 17px; background:#fff; padding-left:10px;}
.foot_main .f_nav .formbox input{ width: calc(100% - 130px);}
.foot_main .f_nav textarea{ width: 100%;}
.foot_main .f_nav .sub{ width: 100%; line-height: 40px; text-align: center; background: #f8b300; cursor: pointer; transition:.2s ease;}
.foot_main .f_nav .sub:hover{ background:#004b79; color: #fff;}
.copy{ font-size: 16px; padding: 28px 0; text-align: center; background:#004b79;}


@media (max-width: 1441px){
.index_head{ padding: 0 4%;}
.index_head .nav li{margin-right: 50px;}
}

@media (max-width: 1281px){

	
}

@media (max-width: 1024px){
.top_h{ height: 54px;}
.sy-ban h3{font-size: 34px;}
.sy_company .txt h2{font-size: 30px; padding-bottom:20px; margin-bottom:20px;}
.sy_company .txt p{font-size: 16px; line-height: 30px;}
a.more{ margin-top: 30px;}
.sy_news .tit{font-size: 30px;}
}
@media (max-width: 768px){
    .foot_main .center{ display: block;}
    .foot_main .f_left, .foot_main .f_qr, .foot_main .f_nav{ width: 100%; padding-left:20px;}
    .foot_main .f_qr{border-top: 1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4); border-left:none; border-right:none;}

}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban h3{font-size: 20px; padding:0 5% 20px;}
.sy_company .imgfdd{ width: 100%; float: none;}
.sy_company .txt{ width: 100%; margin-top:20px;}
.sy_company .txt p{font-size: 14px; line-height: 24px;}
.sy_company .txt h2{font-size: 20px; padding-bottom:15px;}
.sy_news .tit{font-size: 20px; margin-bottom:20px;}
a.more{width: 148px; line-height: 38px;}
.swiperbox{ padding: 0 30px; margin-top:25px;}
.mainh{ height: 35px;}
.news_list li .pic{ width: 30%;}
.news_list li .txt{ width: 70%;}
.news_list li .txt{padding: 0 20px;}
.news_list li .txt .date{display: none;}
.news_list li .txt .box{ width: 100%;}
.news_list li .txt .box p{display: none;}
.news_list li .txt .box h2{font-size: 16px; line-height: 22px; height: 44px;margin-bottom:0;}
.news_list li .txt .box span{font-size: 12px; display:none;}
.news_list li .pic .imgfd{ padding-top: 75%;}
.news_list li{ margin-bottom: 15px;}
a.more{ margin-top: 20px;}
.copy{padding: 15px 0; font-size: 14px;}
.foot_main .f_left, .foot_main .f_qr, .foot_main .f_nav{padding: 25px 20px;}
.foot_main .f_qr .qr_box{ margin-bottom: 0;}
.foot_main .f_qr .qr img{ width: 110px;}
}

.news_det{ background: rgba(255,255,255,.7); padding: 50px 60px; border-radius: 10px;}
.news_det h1{ font-size: 36px; font-family: alim; }
.news_det .news_info{ padding: 25px 0; border-bottom: 1px solid #ddd; font-size:14px;}
.news_det .news_info .date{ margin-right: auto;}
.news_det .news_info p span{ color: #0066a6;}
.show_content{ padding: 45px 0;overflow: hidden; width: 100%;}
.show_content img{ max-width: 100%!important;}
.page_btn{ padding-top: 30px; border-top: 1px solid #ddd;}
.page_btn .prev,.page_btn .next{ width: 48%; font-size:14px;}
.page_btn .next{ text-align: right;}
.page_btn p{ font-size: 16px; margin-bottom: 5px;}
.page_btn a:hover{ color:#0066a6;}

@media (max-width: 768px){
    .news_det{padding: 35px 30px;}
    .news_det h1{font-size: 28px;}
}
@media (max-width: 450px){
    .news_det h1{font-size: 22px;}
    .news_det .news_info{ padding: 20px 0;}
    .news_det .news_info .source{ display: none;}
    .show_content{padding: 25px 0;}
    .page_btn{ padding-top: 20px;}
    .page_btn .prev, .page_btn .next{ width: 100%; text-align: left;}
    .page_btn .next{ margin-top: 15px;}
    .news_det{ padding: 25px 20px;}
}